@charset "utf-8";
/********************************************************
	CSS Document / Serum
********************************************************/

/* CSS Reset
-----------------------------------------------------------------------------*/
* { margin: 0; padding: 0; border: 0; }
:link, :visited { text-decoration: none; }
ul,ol { list-style: none; }
fieldset { border: 0; }
img { border: none; background: none; } a img { border: 0 none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
.clear{ clear: both; height: 0px; font-size: 0px; line-height: 0px; }
.strong{ font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0; } caption, th { text-align: left; }


/* General
-----------------------------------------------------------------------------*/
html, body { height: 100%; }
body {
	background-color: #DFE8F6;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #000000;
}

h1 {
}
h2 {
}
h3 {
}
h4 {
}
h5 {
}

a:link, a:visited { color: #1C4693; }
a:hover { color: #BB0000; }

p { margin-bottom: 7px; }

img.left { float: left; margin-right: 5px; vertical-align: middle; }
img.right { float: right; margin-left: 5px; vertical-align: middle; }


/* Containers
-----------------------------------------------------------------------------*/
#wrapper {
	min-width: 820px;
	width: 100%;
 }
#header {
	width: 100%;
	height: 63px;
	background: url(../images/interface/header-bg.gif) top left repeat-x;
}
#main {
	padding: 5px;
}


/* Header
-----------------------------------------------------------------------------*/
/* Logo */
#header div.serum {
	float: left;
	display: block;
	width: 182px;
	height: 59px;
	padding: 4px 0 0 9px;
}
#header div.serum a {
	display: block;
	width: 182px;
	height: 59px;
	background: url(../images/interface/serum.jpg) top left no-repeat;
	text-decoration: none;
}

/* User */
#header div.user {
	float: left;
	display: block;
	width: 250px;
	margin: 16px 0 0 25px;
	font-size: 0.90em;
	color: #A6E683;
}
	#header div.user p { margin: 0; }
	#header div.user p.name { font-size: 1.10em; color: #DFE8F6; font-weight: bold; }


/* Menu
-----------------------------------------------------------------------------*/
#menu {
	float: right;
	display: block;
	height: 31px;
	padding-left: 4px;
	margin: 9px 7px 0;
	background: url(../images/interface/menu-bg.gif) top left no-repeat;
	/* Hack IE 6 */
	width: auto !important;
	width: 0.1em;
	white-space: nowrap;
}
#menu ul {
	display: block;
	height: 31px;
	padding-right: 4px;
	background: url(../images/interface/menu-ul.gif) top right no-repeat;
}
#menu li {
	float: left;
	display: inline-block;
	height: 31px;
	padding-left: 1px;
	background: url(../images/interface/menu-li.gif) top left no-repeat;
	/* Hack IE 6 */
	width: auto !important;
	width: 0.1em;
	white-space: nowrap;
}
	#menu li.account { padding: 0; background: none; }

#menu a:link, #menu a:visited {
	display: block;
	height: 31px;
	line-height: 31px;
	padding: 0 8px 0 30px;
	font-size: 1.00em;
	color: #14356F;
	font-weight: bold;
	text-decoration: none;
	/* Hack IE 6 */
	width: auto !important;
	width: 0.1em;
	white-space: nowrap;
}
	#menu a:hover { color: #BB0000; }
	#menu li.account a:link, #menu li.account a:visited, #menu li.account a:hover { background: url(../images/interface/menu-account.png) 7px 8px no-repeat; }
	#menu li.prefs a:link, #menu li.prefs a:visited, #menu li.prefs a:hover { background: url(../images/interface/menu-prefs.png) 7px 7px no-repeat; }
	#menu li.logout a:link, #menu li.logout a:visited, #menu li.logout a:hover { background: url(../images/interface/menu-logout.png) 7px 8px no-repeat; }


/* Validation and error messages
-----------------------------------------------------------------------------*/

#msg-error, #msg-valid {
    position: absolute;
    left: 35%;
    top: 10px;
    width: 350px;
    z-index: 20000;
}

#msg-error .confirmation_box, #msg-valid .confirmation_box {
    padding: 10px;
    color: #fff;
}

#msg-error .confirmation_box h3, #msg-valid .confirmation_box h3 {
    font-size: 15px;
}

#msg-error .confirmation_box {
    border: 1px solid #a03225;
    background: #f7d3d2;
    color: #a03225;
}

#msg-valid .confirmation_box {
  border: 1px solid #81c01e;
  background: #e6f2d2;
  color: #666666;
}


/* Lists
-----------------------------------------------------------------------------*/

.enabled-element .x-grid3-cell-inner{
	color: #000;
}

.disabled-element .x-grid3-cell-inner{
	color: #b2b2b2;
}

.parent-element .x-grid3-cell-inner{
    font-weight: bolder;
 }

 .new-element .x-grid3-cell-inner {
     text-decoration: underline;
}

/* Buttons images
-----------------------------------------------------------------------------*/

.img-add{
    background-image: url(../images/famfamfamsilk/add.png) !important;
}

.img-addparent{
    background-image: url(../images/famfamfamsilk/folder_add.png) !important;
}

.img-edit{
    background-image: url(../images/famfamfamsilk/pencil.png) !important;
}

.img-enable{
    background-image: url(../images/famfamfamsilk/flag_green.png) !important;
}

.img-disable{
    background-image: url(../images/famfamfamsilk/flag_red.png) !important;
}

.img-delete{
    background-image: url(../images/famfamfamsilk/delete.png) !important;
}

.img-multipleedit{
    background-image: url(../images/famfamfamsilk/pencil.png) !important;
}

.img-search{
    background-image: url(../images/famfamfamsilk/find.png) !important;
}

.img-refresh{
    background-image: url(../images/famfamfamsilk/arrow_refresh.png) !important;
}

.img-package{
    background-image: url(../images/famfamfamsilk/package.png) !important;
}

.img-open{
    background-image: url(../images/famfamfamsilk/folder_go.png) !important;
}

.img-up{
    background-image: url(../images/famfamfamsilk/arrow_up.png) !important;
}

.img-server_link {
    background-image: url(../images/famfamfamsilk/server_link.png) !important;
}

.img-filter {
    background-image: url(../images/famfamfamsilk/tag_blue.png) !important;
}

.img-pay {
    background-image: url(../images/famfamfamsilk/money_euro.png) !important;
}

.img-addcustomproduct {
    background-image: url(../images/famfamfamsilk/car_add.png) !important;
}

.img-seeinvoice {
    background-image: url(../images/famfamfamsilk/page_white_text.png) !important;
}

.img-printinvoice {
    background-image: url(../images/famfamfamsilk/printer.png) !important;
}

.img-prepare {
    background-image: url(../images/famfamfamsilk/package.png) !important;
}

.img-prepareauto {
    background-image: url(../images/famfamfamsilk/package_go.png) !important;
}

.img-parseshippersresponse {
    background-image: url(../images/famfamfamsilk/application_put.png) !important;
}

.img-ship {
    background-image: url(../images/famfamfamsilk/email_go.png) !important;
}

.containerModule,
.container,
.file,
.DbOrderstatuswaitingpayment,
.DbOrderstatusinpreparation,
.DbOrderstatuswaitingshipment,
.DbOrderstatusshipped,
.DbOrderstatuscancelled {
    background-repeat: no-repeat;
    background-position: center center;
}

.containerModule,
.container {
    background-image: url(../images/famfamfamsilk/folder.png) !important;
}

.file {
    background-image: url(../images/famfamfamsilk/page.png) !important;
}

.DbOrderstatuswaitingpayment { background-image: url(../images/famfamfamsilk/cart.png) !important; }
.DbOrderstatusinpreparation { background-image: url(../images/famfamfamsilk/cart_add.png) !important; }
.DbOrderstatuswaitingshipment { background-image: url(../images/famfamfamsilk/cart_edit.png) !important; }
.DbOrderstatusshipped { background-image: url(../images/famfamfamsilk/cart_go.png) !important; }
.DbOrderstatuscancelled { background-image: url(../images/famfamfamsilk/cart_delete.png) !important; }

/* Extjs Override
-----------------------------------------------------------------------------*/

/* Tree */
.x-tree-node {
    font-size: 12px;
}

.x-panel-header {
    font-size: 12px;
}

/* List */
.x-grid3-row td, .x-grid3-summary-row td {
    line-height: 14px;
}

.x-grid3-hd-row td, .x-grid3-row td, .x-grid3-summary-row td {
    font-size: 12px;
}

/* Form */
.x-fieldset legend {
    font-size: 12px;
}

.x-btn button {
    font-size: 12px;
}

/* Field
-----------------------------------------------------------------------------*/

input.disabled-field {
    background-color: #DDD;
    background-image: none;
}


/* Extensions : Spinner
-----------------------------------------------------------------------------*/
.x-form-spinner-proxy{
	/*background-color:#ff00cc;*/
}
.x-form-field-wrap .x-form-spinner-trigger {
    background:transparent url('../images/spinner/spinner.gif') no-repeat 0 0;
}

.x-form-field-wrap .x-form-spinner-overup{
    background-position:-17px 0;
}
.x-form-field-wrap .x-form-spinner-clickup{
    background-position:-34px 0;
}
.x-form-field-wrap .x-form-spinner-overdown{
    background-position:-51px 0;
}
.x-form-field-wrap .x-form-spinner-clickdown{
    background-position:-68px 0;
}

.x-trigger-wrap-focus .x-form-spinner-trigger{
    background-position:-85px 0;
}
.x-trigger-wrap-focus .x-form-spinner-overup{
    background-position:-102px 0;
}
.x-trigger-wrap-focus .x-form-spinner-clickup{
    background-position:-119px 0;
}
.x-trigger-wrap-focus .x-form-spinner-overdown{
    background-position:-136px 0;
}
.x-trigger-wrap-focus .x-form-spinner-clickdown{
    background-position:-153px 0;
}
.x-trigger-wrap-focus .x-form-trigger{
    border-bottom: 1px solid #7eadd9;
}

.x-form-field-wrap .x-form-spinner-splitter {
	line-height:1px;
	font-size:1px;
    background:transparent url('../images/spinner/spinner-split.gif') no-repeat 0 0;
	position:absolute;
	cursor: n-resize;
}
.x-trigger-wrap-focus .x-form-spinner-splitter{
    background-position:-14px 0;
}


/* Extension : TreeGrid
-------------------------------------------------------------------------------*/

.ux-maximgb-treegrid-breadcrumbs
{
	color: #15428B;
	border-bottom: 1px solid #D0D0D0;
	font: normal 11px arial, tahoma, helvetica, sans-serif;
    -moz-outline: none;
	-moz-user-focus: normal;
	line-height: 15px;
	padding: 4px 3px 4px 6px;
}

.ux-maximgb-treegrid-brditem
{
	color: #15428B;
}

.ux-maximgb-treegrid-uiwrap
{
	float: left;
	position: relative;
	height: 18px;
	white-space: nowrap;
	overflow: hidden;
}

.ux-maximgb-treegrid-elbow-empty
{
	position: absolute;
	height: 18px;
	width: 16px;
	overflow: hidden;
}

.ux-maximgb-treegrid-elbow-line
{
	position: absolute;
	height: 18px;
	width: 16px;
	overflow: hidden;
	background: url(../images/treegrid/elbow-line.gif) repeat-x;
}

.ux-maximgb-treegrid-elbow
{
	position: absolute;
	height: 18px;
	width: 16px;
	overflow: hidden;
	background: url(../images/treegrid/elbow.gif) no-repeat;
}

.ux-maximgb-treegrid-elbow-end
{
	position: absolute;
	height: 18px;
	width: 16px;
	overflow: hidden;
	background: url(../images/treegrid/elbow-end.gif) no-repeat;
}

.ux-maximgb-treegrid-elbow-active
{
	cursor: pointer;
}

.ux-maximgb-treegrid-elbow-minus
{
	position: absolute;
	height: 18px;
	width: 16px;
	overflow: hidden;
	background: url(../images/treegrid/elbow-minus.gif) no-repeat;
}

.ux-maximgb-treegrid-elbow-end-minus
{
	position: absolute;
	height: 18px;
	width: 16px;
	overflow: hidden;
	background: url(../images/treegrid/elbow-end-minus.gif) no-repeat;
}

.ux-maximgb-treegrid-elbow-plus
{
	position: absolute;
	height: 18px;
	width: 16px;
	overflow: hidden;
	background: url(../images/treegrid/elbow-plus.gif) no-repeat;
}

.ux-maximgb-treegrid-elbow-end-plus
{
	position: absolute;
	height: 18px;
	width: 16px;
	overflow: hidden;
	background: url(../images/treegrid/elbow-end-plus.gif) no-repeat;
}
